<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>银泰网 - 银泰百货连锁在线购物中心，银泰百货集团官方购物网站</title>
		<meta name="keywords" content="银泰网" />
    	<meta name="description" content="银泰网（www.yintai.com）是银泰商业集团官方购物网站,专注经营精品时尚的女装/男装,女鞋/男鞋,化妆品,运动鞋,时尚配饰,箱包等万种百货商品, 100%正品, 15天免费退换货。银泰商业集团连锁在线购物中心致力打造成为中国最卓越的百货购物网站!" />
	</head>
	<link rel="stylesheet" type="text/css" href="css/index.css"/>
	<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<body>
		<div id="header" >
			<div class="margin">
				<ul class="left">
				<li><a href="index.html" id="first">
					<S></S>
					银泰百货
				</a>
				</li>
				<li class="separator"></li>
				<li><a href="#" id="second">
					  	<S></S>
						微信
						<b></b>
				</a>
				<div class="hide"><img src="http://r.ytrss.com/rs/img/wechat.png"/></div>
				</li>
				
				<li class="separator"></li>
				<li><a href="#" id="third">
					  	<S></S>
						手机银泰
						<b></b>
				</a>
				<div class="hide"><img src="http://r.ytrss.com/rs/img/appphone.png"/></div>
				</li>
			</ul>
			<ul class="right">
				<li>Hi,欢迎来到银泰网!</li>
				<li><a href="login.html">登录</a></li>
				<li><a href="register.html">注册</a>
				</li>
				<li class="separator"></li>
				<li><a href="register.html">我的订单</a>
				</li>
				<li class="separator"></li>
				<li><a href="register.html">我的银泰</a>
					<b></b>
					<div class="yintai">
						<a href="#">我的收藏</a>
						<a href="#">我的余额</a>
						<a href="#">我的银泰卡</a>
						<a href="#">我的银元</a>
						<a href="#">我的优惠券</a>
						<a href="#">我的积分</a>
					</div>
				</li>
				<li class="separator"></li>
				</li><li><a href="#">银泰卡</a>
				</li>
				<li class="separator"></li>
				</li><li><a href="#">帮助中心</a>
				</li>
			</ul>
			</div>
		</div>
		<div id="banner"><a href="#"></a></div>
		<div id="search">
			<div class="margin">
				<div class="shang">
				<div class="logo">
					<a href="http://www.yintai.com">银泰网</a>
				</div>
				<div class="chart">
					<a href="chart.html">
						<span>购物车
						 <strong>0</strong>件
						</span>
						<b></b>
					</a>
				</div>
				<div class="query">
					<div class="query-input">
						<input type="text" class="in1" placeholder="大家正在搜：专柜同款 HotFace 欧美运动时尚风" value="" />
						<!--//http://www.yintai.com/ajaxpage/autosearch.aspx?keyword=3&callback=query 搜素框关键字链接
						//http://www.yintai.com/product/search.aspx?keyword=burberry 关键字具体搜素-->
						<a class="btn" href="#"></a>
						<ul></ul>
				<script type="text/javascript">
			//搜素框	
			/*var oInput=document.querySelectorAll('#search .query .in1')[0];
			var oUl=$('#search .query ul');
			oInput.oninput=function(){
				
				$.ajax({
					url:"php/input.php",
					data:$(this).val()
				}).done(function(d){
					var arr=d.substring(8);
						arr=arr.replace('(','');
						arr=arr.replace(')','');
						arr=JSON.parse(arr);
						var str='';
						if(oInput.value!=''){
							oUl.show();
							for(var i=0;i<arr.length;i++){
								//console.log(arr[i].keyword);
								str+='<li><a href="http://www.yintai.com/product/search.aspx?keyword='+oInput.value+'">'+arr[i].keyword+'</a></li>';
							}
							
							oUl.html(str);
						}else{
							oUl.hide();
						}
				});
				
			}
			
			document.querySelectorAll('#search .query .btn')[0].onclick=function(){
				if(oInput.value!=''){
					this.href='http://www.yintai.com/product/search.aspx?keyword='+oInput.value+'';
				}
			}*/
			
		</script>
					</div>
					<div class="query-x">
						<a href="#">夹克男</a>
						<a href="#">夹克男</a>
						<a href="#">夹克男</a>
						<a href="#">夹克男</a>
						<a href="#">夹克男</a>
						<a href="#">夹克男</a>
						<a href="#">夹克男</a>
						<a href="#">夹克男</a>
						<a href="#">夹克男</a>
						<a href="#">夹克男</a>
						<!--http://www.yintai.com/product/list-10000540.html?intcmp=%E5%86%B2%E9%94%8B%E8%A1%A3  a标签搜素-->
					</div>
				</div>
				
			</div>
			<div class="xia">
				<div class="fenlei">
					<a class="all" href="#">全部分类</a>
					<ul>
						<li>
							<div class="p">
								<a href="#" class="new"><em></em>新品</a>
							    <s></s>
								<a href="#" class="xiangxi">秋季新品</a>
								<span></span>
							</div>
							<div id="liebiao" class="clear">
						<div class="liebiao-l">
							<div>
								<h3>男装</h3>
								<p>
									<a href="#">新品</a>
									<a href="#">T恤</a>
									<a href="#" class="te">POLO衫</a>
									<a href="#" class="te">衬衫</a>
								</p>
							</div>
							<div>
								<h3>女装</h3>
								<p>
									<a href="#">新品</a>
									<a href="#">T恤</a>
									<a href="#">POLO衫</a>
								</p>
							</div>
							<div>
								<h3>男装</h3>
								<p>
									<a href="#" class="te">新品</a>
									<a href="#">T恤</a>
									<a href="#">POLO衫</a>
									<a href="#">衬衫</a>
								</p>
							</div>
							<div style="margin-bottom: 5px;">
								<h3>女装</h3>
								<p>
									<a href="#">新品</a>
									<a href="#" cla>T恤</a>
									<a href="#" >POLO衫</a>
									<a href="#" >POLO衫</a>
								</p>
							</div>
						</div>
						<div class="liebiao-r">
							<h3>品牌</h3>
							<p >
								<a href="#">BURBERRY</a>
								<a href="#">BURBERRY</a>
								<a href="#">BURBERRY</a>
								<a href="#">BURBERRY</a>
								<a href="#">BURBERRY</a>
								<a href="#">BURBERRY</a>
								<a href="#">BURBERRY</a>
								<a href="#">BURBERRY</a>
								
							</p>
						</div>
					</div>
						</li>
						<li>
							<div class="p">
								<a href="#" class="new"><em></em>新品</a>
							    <s></s>
								<a href="#" class="xiangxi">秋季新品</a>
								<span></span>
							</div>
						</li>
						<li>
							<div class="p">
								<a href="#" class="new"><em></em>新品</a>
							    <s></s>
								<a href="#" class="xiangxi">秋季新品</a>
								<span></span>
							</div>
						</li>
						<li>
							<div class="p">
								<a href="#" class="new"><em></em>新品</a>
							    <s></s>
								<a href="#" class="xiangxi">秋季新品</a>
								<span></span>
							</div>
						</li>
						<li>
							<div class="p">
								<a href="#" class="new"><em></em>新品</a>
							    <s></s>
								<a href="#" class="xiangxi">秋季新品</a>
								<span></span>
							</div>
						</li>
						<li>
							<div class="p">
								<a href="#" class="new"><em></em>新品</a>
							    <s></s>
								<a href="#" class="xiangxi">秋季新品</a>
								<span></span>
							</div>
						</li>
						<li>
							<div class="p">
								<a href="#" class="new"><em></em>新品</a>
							    <s></s>
								<a href="#" class="xiangxi">秋季新品</a>
								<span></span>
							</div>
						</li>
						<li>
							<div class="p">
								<a href="#" class="new"><em></em>新品</a>
							    <s></s>
								<a href="#" class="xiangxi">秋季新品</a>
								<span></span>
							</div>
						</li>
						<li>
							<div class="p">
								<a href="#" class="new"><em></em>新品</a>
							    <s></s>
								<a href="#" class="xiangxi">秋季新品</a>
								<span></span>
							</div>
						</li>
						<li>
							<div class="p">
								<a href="#" class="new"><em></em>新品</a>
							    <s></s>
								<a href="#" class="xiangxi">秋季新品</a>
								<span></span>
							</div>
						</li>
						
					</ul>
					
					<script type="text/javascript">
						/*var aem=$('#search .fenlei li .p em');
						var ali=$('#search .fenlei li');
						for(var i=1;i<aem.length;i++){
							aem[i].style.cssText='background-position:'+(-17)*i+'px -110px';
						}
						ali.hover(function(){
							$('#search .fenlei li .p ').eq($(this).index()).css('background','#e5004f').siblings('.p').css('background','#333');
							$('#search .fenlei li .p span').eq($(this).index()).css('background','none').siblings('span').css('background','url(../images/header-02.png) -209px -111px no-repeat');
							aem.eq($(this).index()).css('background-position',''+(-17)*$(this).index()+'px -128px');
							if($(this).index()==0){
								aem.eq($(this).index()).css('background-position',''+0+'px -126px');
							}
						},function(){
							 $('#search .fenlei li .p ').css('background','#333');
							 $('#search .fenlei li .p span').css('background','url(images/header-02.png) -209px -111px no-repeat');
							 for(var i=1;i<aem.length;i++){
							aem[i].style.cssText='background-position:'+(-17)*i+'px -110px';
						}
							 aem.eq(0).css('background-position',''+0+'px -108px');
						});
		 */
					</script>
				</div>
				<ul class="nav">
					<li><a href="#"><span>名品馆</span></a></li>
					<li><a href="#"><span>特卖</span></a></li>
					<li><a href="#"><span>海淘馆</span></a></li>
					<li><a href="#">
						<img src="http://r.ytrss.com/rs/img/nav-member-bg.gif" width="27" style="position:absolute;top:-1px;left:80px" />
						<span>会员专享</span></a></li>
				</ul>
				<div class="jifen">
					<a href="#">积分商城</a>
					|
					<a href="#">全部品牌</a>
				</div>
			</div>
			</div>
		</div>
		<div id="lunb">
			<div class="margin">
				<ul>
					<li class="active"><img src="http://r.ytrss.com/home/images/banner-01.jpg"/></li>
					<li><img src="http://r.ytrss.com/home/images/banner-02.jpg"/></li>
				</ul>
				<a href="javascript:;" id="btnr">prev</a>
				<a href="javascript:;" id="btnl">next</a>
				
				<div class="ding">
					<ol>
						<li class="f"></li>
						<li></li>
					</ol>
				</div>
				<div class="right">
					<a href="#"></a>
				</div>
			</div>
			<script type="text/javascript">
			/*//轮播图
				var $oli=$('#lunb ol li');
				var $uli=$('#lunb ul li');
				var num=0;
				var timer=null;
				$('#lunb').hover(function(){
					clearInterval(timer);
					$('#btnl').show();
					$('#btnr').show();
				},function(){
					 timer=setInterval(function(){
			   	  $('#btnl').click();
			   },1000);
					$('#btnl').hide();
					$('#btnr').hide();
				})
				$oli.on('click',function(){
					num=$(this).index();
					lb()
				});
				function lb(){
					$oli.eq(num).addClass('f').siblings('li').removeClass('f');
					if(num==1){
						$('#lunb').css('background','url(images/bg-02.jpg) center');
					}else{
						$('#lunb').css('background','url(images/bg-01.jpg) center');
					}
					$uli.eq(num).addClass('active').siblings('li').removeClass('active');
				}
				$('#btnl').on('click',function(){
					num++;
					if(num>1){
						num=0;
					}
					lb();
				});
				$('#btnr').on('click',function(){
					num--;
					if(num<0){
						num=1;
					}
					lb();
				});
			   timer=setInterval(function(){
			   	  $('#btnl').click();
			   },1000);*/
			</script>
		</div>
		
		<div id="zhuangui" >
			<div class="margin">
			  <!--<div class="modle">
				<div class="title">
				 <a href="#">
				 	<h3>专柜同款</h3>
				 </a>
			   </div>-->
			   
			<script type="text/javascript">
				/*$(function(){
					var str='';
					for(var i=0;i<10;i++){
						str+='<div class="modle"><div class="title"><a href="#"><h3>专柜同款</h3></a></div><div class="imgs"></div></div>';
					}
					
					
					$('#zhuangui .margin').html(str);
					var $adiv=$('#zhuangui .title h3');
					
					for(var i=1;i<$adiv.length;i++){
						$adiv.eq(i).css('background','url(images/floor-all.png) 0 '+(-46)*(i-1)+'px no-repeat');
					}
					
				});*/
			</script>
			<!--<div class="imgs">-->
				<!--<ul class="clear">
					<li>
						<div class="b">
							<div class="img">
								<a href="details.html"><img src="http://p10.ytrss.com/product/21/422/3414/bigimage/10088982026_1.jpg"/></a>
							</div>
							<div class="text">
								<p>象印</p>
								<div class="details">
									<a target="_blank" href="#">ZOJIRUSHI象印银泰专柜发货  博朗牌负离子发梳 多功能直/卷美发工具  BR750</a>
								</div>
								<div class="price">
									<p class="c-price"> 
										<em>￥499</em> 
										<s>￥699</s> 
									</p>
								</div>
							</div>
						</div>
					</li>-->
					
					<script type="text/javascript">
						$(function(){
							//插入数据
							/*function ajax(url,num,n,$obj){
								$.ajax({
								url:url,
								dataType:'json'
							}).done(function(d){
								var arr=d;
								var html='<ul class="clear">';
								for(var i=0;i<num;i++){
									html+='<li><div class="b"><div class="img"><a href="details.html"><img src="'+arr[n][i][1]+'"/></a></div>';
									html+='<div class="text">'+
								'<p>象印</p>'+
								'<div class="details">'+
									'<a target="_blank" href="#">'+arr[n][i][4]+'</a>'+
								'</div>'+
								'<div class="price">'+
									'<p class="c-price">'+ 
										'<em>'+arr[n][i][2]+'</em> '+
										'<s>'+arr[n][i][3]+'</s> '+
									'</p>'+
								'</div>'+
							'</div>'+
						'</div></li>';
								}
								html+='</ul>';
								$obj.html(html);
							});
							}
							//alert($('#zhuangui .modle').eq(1).children('#zhuangui .imgs ul'));
							
							//console.log($('#zhuangui .modle').eq(1).children('.imgs').length);
							
							for(var j=0;j<$('#zhuangui .modle').length;j++){
							    var a;
							    if(j%2){
							    	a=1;
							    }else{
							    	a=0;
							    }
								ajax('php/index.php',15,a,$('#zhuangui .modle').eq(j).children('.imgs')); 		
							 		
							}*/
						})
				</script>
					
				<!--</ul>-->
			<!--</div>
			 </div>-->
			</div>
		</div>
		
		<div id="footer" class="margin">
			<div class="ul">
				<ul>
					<li class="service">
	            		<strong>400-119-1111</strong>
	            		<i>8:00-24:00</i>
	            		<b>service@yintai.com</b>
					</li>
					<li class="b2">
			            <strong>
			            	<i>15天</i>无忧退换货
			            </strong>
			            <b>为您提供优质售后服务</b>
					</li>
					<li class="b3">
			            <strong>
			            	<i>100%</i>正品保证
			            </strong>
			            <b>品质护航 购物无忧</b>
					</li>
					<li class="b4">
			            <strong>
			            	<i>满199元</i>免运费
			            </strong>
			            <b>为您提供便利物流</b>
					</li>
				</ul>
			</div>
			<div class="a">
				<a href="#">关于银泰</a>
				<span>|</span>
				<a href="#">关于银泰</a>
				<span>|</span>
				<a href="#">关于银泰</a>
				<span>|</span>
				<a href="#">关于银泰</a>
				<span>|</span>
				<a href="#">关于银泰</a>
				<span>|</span>
				<a href="#">关于银泰</a>
				<span>|</span>
				<a href="#">关于银泰</a>
				<span>|</span>
				<a href="#">关于银泰</a>
				<span>|</span>
				<a href="#">关于银泰</a>
				<span>|</span>
				<a href="#">关于银泰</a>
				<span>|</span>
				<a href="#">关于银泰</a>
			</div>
			<p>
			<a href="javascript:void(0)">浙ICP备10200233号</a><a href="javascript:void(0)">京公网安备110105019085</a><a href="javascript:void(0)">增值电信业务经营许可证：浙B2-20110005</a></p>
			<p>Copyright © 2010-2017，浙江银泰电子商务有限公司</p>
			<div class="chengxin">
				<a href="#"><img src="http://r.ytrss.com/rs/img/ec/v3/yt-ntegrity.png"/></a>
				<a href="#"><img src="http://r.ytrss.com/rs/img/ec/v3/commerce.gif"/></a>
			</div>
		</div>
		<div id="louti">
			<ul>
				<li><a href="javascript:;">专柜同款</a></li>
				<li><a href="javascript:;">时尚名品</a></li>
				<li><a href="javascript:;">潮流女装</a></li>
				<li><a href="javascript:;">精品男装</a></li>
				<li><a href="javascript:;">时尚鞋靴</a></li>
				<li><a href="javascript:;">潮流箱包</a></li>
				<li><a href="javascript:;">美容护肤</a></li>
				<li><a href="javascript:;">运动户外</a></li>
				<li><a href="javascript:;">内衣配饰</a></li>
				<li><a href="javascript:;">可爱婴童</a></li>
				<li class="last"><a href="javascript:;">返回顶部</a></li>
			</ul>
		</div>
		<script type="text/javascript">
		//楼梯
		      /*$(function(){
		      	  $(window).scroll(function(){//滚动条事件
			        	var $s=$(window).scrollTop();//滚动条距离
			        	if($s>=$('#zhuangui .modle').eq(0).height()*0.3){//第一模块出现一大半时楼梯出现
			        		$('#louti').show();
			        	}else{
			        		$('#louti').hide();
			        	}
				       $('#zhuangui .modle').each(function(i){
				       	  var $scrop=$('#zhuangui .modle').eq(i).offset().top;//第i个modle距浏览器的高度
				       	  if($s<$scrop+$('#zhuangui .modle').eq(0).height()*0.6){
				       	  	$('#louti li').eq(i).addClass('active').siblings('li').removeClass('active');
				       	  	if($('#louti li').eq(i).index()==0){
				       	  		$('#louti li a').eq(0).css('background','none');
				       	  	}else{
				       	  		$('#louti li a').eq(0).css('background','url("http://r.ytrss.com/home/images/floor-nav-zg.png")');
				       	  	}
				       	  	return false;
				       	  }
				       });
		        })
	      	   $('#louti li').not('.last').on('click',function(){
		       		$(this).addClass('active').siblings('li').removeClass('active');
		       		var $top=$('#zhuangui .modle').eq($(this).index()).offset().top;
		       		console.log($top);
		       	  	$('body,html').animate({
		       	   	scrollTop:$top
		       	   });
		       });
		       $('.last').click(function(){
		       	   $('body,html').animate({
		       	   	scrollTop:0
		       	   });
		       })
		      	
		      })*/
    </script>
		<script type="text/javascript">
		/*//楼梯背景图
			var alia=$('#louti li a');
			var ali=$('#louti li');
			for(var i=1;i<alia.length;i++){
				alia[i].style.cssText='background-position:0 '+(-55)*(i-1)+'px';
				alia[0].style.background='url("http://r.ytrss.com/home/images/floor-nav-zg.png")';
			}
			ali.hover(function(){
				$(this).addClass('active').siblings('li').removeClass('active');
				if($(this).index()==0){
					alia[0].style.background='none';
				}
			},function(){
				 ali.removeClass('active');
				 alia[0].style.background='url("http://r.ytrss.com/home/images/floor-nav-zg.png")';
			});*/
		</script>
		
		<!--<script src="js/index.js" type="text/javascript" charset="utf-8" ></script>-->
		<script src="requirejs/require.js" type="text/javascript" charset="utf-8" data-main="requirejs/main"></script>
		
	</body>
</html>
